<template>
    <el-container class="index-con">
        <el-aside class="aside">
            <left></left>
        </el-aside>

        <el-container class="main-con">
            <el-header class="index-header">
                <headerNav></headerNav>
            </el-header>

            <el-main clss="index-main">
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
    import left from "../components/nav/left";
    import headerNav from "../components/nav/headerNav";
    export default {
        name: "index",
        components:{
            left,
            headerNav
        }
    };
</script>
<style scoped>
    .index-con{
        height: 100%;
    }
    .aside{
        background-color: #545c64;
    }
    .index-header{
        background-color: #545c64;
    }


</style>
